* {
  -webkit-user-select: none;
}

html {
  overflow-y: hidden;
}

input {
  -webkit-user-select: auto!important;
}

#app {
  -webkit-font-smoothing: antialiased;
}

.md .page {
  background-color: #f5f5f5;
}

#home,
#new,
#self {
  overflow: auto;
  height: 100%;
}

.no-data-div {
  margin-top: 200px;
  background-color: #f5f5f5;
}

.calendar-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  visibility: visible;
  opacity: 1;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  z-index: 10500;
}

#village,
#house,
#practicable,
#checklist {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}

#village .block-title,
#house .block-title,
#practicable .block-title,
#checklist .block-title {
  margin: 10px 16px;
  white-space: normal;
}

#village .item-label,
#house .item-label,
#practicable .item-label,
#checklist .item-label {
  color: rgb(33, 33, 33);
}

.hidesignature {
  position: absolute;
  right: -100vw;
  width: 100%;
  height: 200px;
  padding: 5px;
  box-sizing: border-box;
}

.hidesignature>div:first-child {
  border: 1px #000 solid;
  border-radius: 5px;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.showsignature {
  right: 0;
}

#img-description {
  width: 100%;
  height: 80px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#selectview .tab-link-highlight,
#backlog .tab-link-highlight {
  background-color: red!important;
}

#view .view-content {
  height: calc(100% - 56px);
}

#view .bottom {
  padding: 10px;
}

.bigtextarea {
  height: 200px;
}

.bigtextarea textarea {
  height: 100%;
}